<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>层叠</title>
</head>
<body>
    <div>
        div div
    </div>
    <style>
        /*层叠-赢在最后*/
        div{
            color: crimson;
            color: brown;
            color: chocolate;
            <!--只有最后一个起作用-->
        }
    </style>
    <h1>一级大标题</h1>
    <style>
        h1{
            color: #1cebad !important;
            color: brown ;
            <!--用important可以改变优先级-->
        }
    </style>
    <h2 style="color: crimson;">另一个标题</h2>
    <style>
        h2{
            color: blueviolet;
        }
    </style>
    <!--在标签里面也可以改变层叠-->
</body>
</html>